<template>
  <div class="wrap clearfix">
    <FloorPlayBtns></FloorPlayBtns>
    <FloorSingerPictures></FloorSingerPictures>
    <BaseInfoShow></BaseInfoShow>
    <FloorExtendFn></FloorExtendFn>
    <BaseSongFn></BaseSongFn>
  </div>
</template>

<script>
// 播放按钮
import FloorPlayBtns from "@/components/floorFuntionZone/FloorMain/FloorPlayBtns/index.vue";
// 歌曲进度条
import FloorSingerPictures from "@/components/floorFuntionZone/FloorMain/FloorSingerPictures.vue";
//  歌曲信息展示
import BaseInfoShow from "@/components/floorFuntionZone/FloorMain/FloorInfoShow/BaseInfoShow.vue";
// 扩展功能 (画中画,收藏,分享)
import FloorExtendFn from "@/components/floorFuntionZone/FloorMain/FloorExtendFn/BaseExtendFn.vue";
//  歌曲功能(音量,播放列表,播放顺序)
import BaseSongFn from "@/components/floorFuntionZone/FloorMain/FloorSongFn/BaseSongFn.vue";
export default {
  name: "BaseFloorMain",
  components: {
    FloorPlayBtns,
    FloorSingerPictures,
    BaseInfoShow,
    FloorExtendFn,
    BaseSongFn,
  },
};
</script>

<style scoped lang="less">
.wrap {
  position: absolute;
  top: 6px;
  left: 50%;
  margin-left: -490px;
  width: 980px;
  height: 47px;
}
</style>
